<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .box{width: 20px;height:20px;background: red;position: absolute;left:0;top:0;border-radius: 50%;}
  </style>
</head>
<body>
</body>
<script>

  // 目标度数
  const target = 360;
  // 初始度数
  let now = 0;
  // 步长
  const speed = 10;
  // 半径
  const r = 200;

  
  let t = setInterval(()=>{

    if( now >= target ){
      clearInterval(t);
    }else{
      // 创建元素
      const box = document.createElement("div");
      // 设置基本样式
      box.className = "box";
      // 插入body
      document.body.appendChild(box);

      // 改变角度
      now += speed;

      // 根据角度计算当前元素位置
      box.style.left = r * Math.cos( Math.PI / 180 * now ) + 200 + "px";
      box.style.top = r * Math.sin( Math.PI / 180 * now ) + 200 + "px";
    }

  }, 30)

</script>
</html>